<template>
	<view>
		<view class="con">
			<view class="top">
				<view class="logo">
					<navigator url="/pages/useros/useros">
						<view class="logo-top">
							<view class="logo-top-left"><image src="https://uc-avatar-cn.heytapimage.com/titans-usercenter-avatar-bucket-cn/avatar/3.png?imgModifyTime=null"></image></view>
							<view class="logo-top-right">
								<view class="box-center">登录</view>
								<view class="box-center">账号：******</view>
							</view>
						</view>
					</navigator>
					
					<view class="logo-bottom">
						<view class="">
							<view class="box-center">0</view>
							<view class="box-center">卡劵</view>
						</view>
						<view class="">
							<view class="box-center">0</view>
							<view class="box-center">钱包</view>
						</view>
					</view>
				</view>
				<view class="top-order">
					<view class="order-header">
						<view class="">我的订单</view>
						<view class="">全部订单</view>
					</view>
					
					<view class="order-bottom">
						<view class="order-bottom-icon">
							<view class="box-center"><image src="../../image/待付款.png"></image></view>
							<view class="box-center">待付款</view>
						</view>
						
						<view class="order-bottom-icon">
							<view class="box-center"><image src="../../image/待发货.png"></image></view>
							<view class="box-center">待发货</view>
						</view>
						
						<view class="order-bottom-icon">
							<view class="box-center"><image src="../../image/已发货.png"></image></view>
							<view class="">已发货</view>
						</view>
						
						<view class="order-bottom-icon">
							<view class="box-center"><image src="../../image/退换货.png"></image></view>
							<view class="box-center">退换/售后</view>
						</view>
					</view>
				</view>
				<view class="top-list">
					<view class="list-header">常用工具</view>
					<view class="list-bottom">
						<view class="list-bottom-1">
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/201912/201912020712185de4f76eba47b.png?x-oss-process=image/format,webp"></image></view>
								<view class="box-center">服务网点</view>
							</view>
							
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/201912/201912020712065de4f79ee379f.png?x-oss-process=image/format,webp"></image></view>
								<view class="box-center">保障服务</view>
							</view>
							
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/202211/2022110204114563622dc116baa.png?_w_=90&amp;_h_=90&amp;x-oss-process=image/format,webp"></image></view>
								<view class="box-center">定制手机壳</view>
							</view>
							
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/201912/201912020712115de4f7df611f6.png?x-oss-process=image/format,webp"></image></view>
								<view class="box-center">维修服务</view>
							</view>
						</view>
						<view class="list-bottom-2">
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/202109/20210926020942615015aec6b9b.png?_w_=90&amp;_h_=90&amp;x-oss-process=image/format,webp"></image></view>
								<view class="box-center">收货地址</view>
							</view>
							
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/202109/2021092603093261501b085cce0.png?_w_=90&amp;_h_=90&amp;x-oss-process=image/format,webp"></image></view>
								<view class="box-center">换新/回收</view>
							</view>
							
							<navigator url="/pages/student/student">
								<view class="list-bottom-icon">
									<view class="box-center"><image src="https://dsfs.oppo.com/archives/202106/2021060211064460b6f768514e6.png?_w_=90&amp;_h_=90&amp;x-oss-process=image/format,webp"></image></view>
									<view class="box-center">学生优惠</view>
								</view>
							</navigator>
							
							
							<view class="list-bottom-icon">
								<view class="box-center"><image src="https://dsfs.oppo.com/archives/202210/20221031051004635f92cc070bb.png?_w_=90&amp;_h_=90&amp;x-oss-process=image/format,webp"></image></view>
								<view class="box-center">价格保护</view>
							</view>
						</view>
	
					</view>
				</view>
			</view>
			
			<view class="">
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.con{
	padding-top: 30rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;

}
.top{
	width: 100%;
	background-color: while;
}
.logo{
	height: 160rpx;
	
}
.logo-top{
	display: flex;
	flex-direction: row;
	align-items: center;
	/* height: 62rpx; */
	
}
.logo-top image{
	border-radius: 50%;
	width: 62rpx;
	height: 62rpx;
	
}
.logo-top-left{
	
}
.logo-top-right{
	height: 38rpx;
}
.logo-bottom{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.box-center{
	text-align: center;
}
.order-header{
	display: flex;
	justify-content:space-between;
	
}
.order-bottom{
	display: flex;
	justify-content: space-around;
	padding-top: 20rpx;
}
.order-bottom-icon image{
	width: 30rpx;
	height: 30rpx;
}
.top-list{
	padding-top: 20rpx;
}
.list-header{
	display: flex;
	justify-content: space-between;
}
.list-bottom-1{
	display: flex;
	padding-top: 15rpx;
	justify-content: space-around;
}
.list-bottom-2{
	display: flex;
	padding-top: 15rpx;
	justify-content: space-around;
	
}
.list-bottom-icon image{
	width: 31rpx;
	height: 31rpx;
}
</style>
